@charset "utf-8";
html{color:#000;background:#FFF; }
body { color:#666;font:12px/1.231 arial,helvetica,clean,sans-serif,"宋体";overflow-x: hidden;} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;font-family: "Microsoft YaHei"}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 

button,input,optgroup,select,textarea{line-height:1.42857143;margin:0;outline: none;}
body, button, input, select, textarea {text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: "liga","kern";}
button,input{overflow:visible;}
i,em{ font-style:normal;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;font-family: "Microsoft YaHei"}
h3 { font-size:20px;font-family: "Microsoft YaHei"}
h4 { font-size:14px;font-family: "Microsoft YaHei"}
h5 { font-size:12px;}
h6 { font-size:10px;}

img, input {
border: none;
vertical-align: middle;
}
button,input,optgroup,select,textarea{line-height:1.42857143;margin:0;outline:none}

body,button,input,select,textarea{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga","kern"}

button,input{overflow:visible}

a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:hover{text-decoration:none;}
a:focus{outline:0;} /*for ff f6n.net*/
.vam { vertical-align:middle;}
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1}
p{ word-spacing:-1.5px;font-family: "Microsoft YaHei";}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl{float: left;}
.fr{float: right;}
.pr{position: relative;}
.trans { -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.trans8 { -webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;}
.clearfix:before, .clearfix:after {
display: table;
line-height: 0;
content: "";
}
.pa{position: absolute;}
.img-center{text-align:center;font-size:0}
.img-center img{display:inline-block;width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:middle;transition:all 0.5s}
.img-cover{overflow:hidden;position:relative}
.img-cover span{display:block;width:100%;background:no-repeat center / cover;transition:all 0.5s;height:100%;position:absolute;left:0;top:0}

.content{width: 1200px;margin: 0 auto;}
.f_pr{position:relative;}
img{max-width: 100%;}
/*头部*/
.top{height: 40px;line-height: 40px;background: #dcdcdc;}
.top .fl{float: left;}
.top .fr{}
.top .fr a{float: left;display: block;position: relative;}
.top .fr a:after{content: "|";display: block;padding: 0 10px;    float: right;}
.top .fr a:last-child:after{content: "";}
.top .fr a i{display: block;width: 100px;height: 100px;background: url(../images/ewm.jpg) no-repeat center ;position: absolute;top: 40px;opacity: 0;border: 1px solid #ccc;right: 0;    background-size: 100%;}
.top .fr a:hover i{opacity: 1; }

.head{  padding: 30px 0;  overflow: hidden;}
.logo{width: 235px;}

.nav{ width: 649px;margin-left: 56px;margin-top: 19px;}
.nav ul{}
.nav ul li{float: left;    padding: 0 12px;}
.nav ul li:hover a,.nav ul li.on a{color: #2c537c;}
.nav ul li a{font-size: 16px;}
.tel{width: 208px;background: url(../images/tel.png) no-repeat left center; padding-left: 44px;font-size: 16px;color: #2c537c;}
.tel b{font-size: 27px;display: block;color: #2c537c;}
/**/
.fullSlide { position: relative; z-index: 9; clear: both; width: 100% }
.fullSlide .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden }
.fullSlide .bd .con { width: 100% !important; height: auto !important; display: block }
.fullSlide .bd .li { width: 100% !important; overflow: hidden; text-align: center; background: no-repeat center top; z-index: 0 }
.fullSlide .bd .li img { display: block; height: auto !important; width: 100% }
.fullSlide .hd { position: absolute; width: 100%; height: 12px; left: 0; bottom: 34px; text-align: center; cursor: pointer }
.fullSlide .hd li { display: inline-block; width: 12px; height: 12px; background: #ffffff; margin: 0 12px; border-radius: 50%; opacity: .6; -o-transition: all .3s ease; transition: all .3s ease }
.fullSlide .hd li.on { width: 36px; height: 12px; opacity: 1; border-radius: 5px; background:#2c537c;}
.fullSlide p { display: none; position: absolute; top: 50%; width: 80px; height: 80px; z-index: 99; opacity: 1; text-align: center; margin-top: -40px }
.fullSlide .prev2 { left: 3% }
.fullSlide .next2 { right: 3% ; }

.tit01{overflow: hidden;margin-bottom: 20px;width: 400px;}
.tit01:before{    width: 8px;height: 59px;background: #22477c;content: "";display: block;float: left;    margin-right: 15px;}
.tit01 b{    font-size: 31px; color: #22477c; font-weight: bold;display: block;    line-height: 26px;  padding-bottom: 12px;}
.tit01 em{      font-size: 16px;color: #595959; }
.tit_more{background: url(../images/tit_more.png) no-repeat center right;    padding-right: 21px;    line-height: 59px;}
.tit_more a{    font-size: 18px; color: #000000;}

.about{padding: 50px 0;background: #eeeeee; overflow: hidden;}
.about .content{position: relative;}
.about .ab_con{width: 600px;}
.about .ab_con p{    font-size: 16px;text-indent: 2em;line-height: 27px;}
.about .ab_con .ab_more{display: block;width: 200px;height: 50px;text-align: center;line-height: 50px;background: #1f4a7f;color: #ffffff;font-size: 16px;margin: 20px 0 0;}
.about .ab_img{   position: absolute; top: -50px; right: -353px;}

.product{padding: 50px 0; overflow: hidden;}
.pro_fl{width: 266px;}
.pro_fl .pro_tit{background: url(../images/pro_fl.png) no-repeat center left 47px #2f5d99; color: #ffffff;   padding: 22px 0;padding-left: 101px;}
.pro_fl .pro_tit p{    font-size: 30px;font-weight: bold;}
.pro_fl .pro_tit em{font-size: 16px;}
.pro_fl ul{border: 1px solid #2f5d99;}
.pro_fl ul li{width: 250px;height: 48px;line-height: 48px;text-align: center;background:url(../images/pro_t.png) no-repeat center left 14px #eeeeee;margin: 8px auto; }
.pro_fl ul li a{font-size: 18px;}
.pro_fl ul li:hover{background: url(../images/pro_th.png) no-repeat center left 53px #eeeeee;}
.pro_fl ul li:hover a{color: #2f5d99;font-weight: bold}
.pro_tel{      color: #ffffff;background: url(../images/pro_tel.png) no-repeat center left 21px #2f5d99;font-size: 16px; padding: 22px 0; padding-left: 68px;}
.pro_tel b{display: block;font-size: 23px;}

.pro_con{width: 914px;}
.pro_con ul{}
.pro_con ul li{float: left;width: 290px; margin-right: 22px;position: relative;margin-bottom: 25px;}
.pro_con ul li:nth-child(3n){margin-right: 0;}
.pro_con ul li p{text-align: center; height: 50px; line-height: 50px; position: absolute;  bottom: 0; width: 100%; background: rgb(255 255 255 / 80%);font-size: 16px;}

.youshi{padding: 50px 0; overflow: hidden;background: url(../images/ys_bg.png)  no-repeat center;    padding: 63px 0;}
.youshi .content{}
.ys_con{height: 553px;overflow: hidden;position: relative;}
.youshi dl:first-child{background: url(../images/y1.png)no-repeat center;width: 586px;height: 270px;position: absolute;}
.youshi dl{text-align: center;}
.youshi dl:nth-child(1) dt{    font-size: 20px; position: absolute;width: 166px; right: 49px; top: 62px;color: #1f4a7f}
.youshi dl:nth-child(1) dd{  font-size: 16px; width: 224px;position: absolute; right: 26px; top: 98px; line-height: 27px;color: #000000;}
.youshi dl:nth-child(2) dt{    font-size: 20px; position: absolute;width: 166px; right: 56px; top: 62px;color: #ffffff}
.youshi dl:nth-child(2) dd{  font-size: 16px; width: 224px;position: absolute; right: 30px; top: 98px; line-height: 27px;color: #ffffff}
.youshi dl:nth-child(3) dt{    font-size: 20px; position: absolute;width: 166px; right: 73px; top: 62px;color: #1f4a7f}
.youshi dl:nth-child(3) dd{  font-size: 16px; width: 224px;position: absolute; right: 40px; top: 98px; line-height: 27px;color: #000000;}
.youshi dl:nth-child(4) dt{    font-size: 20px; position: absolute;width: 166px; right: 57px; top: 62px;color: #ffffff}
.youshi dl:nth-child(4) dd{  font-size: 16px; width: 224px;position: absolute; right: 32px; top: 98px; line-height: 27px;color: #ffffff}
.youshi dl:nth-child(5) dt{    font-size: 20px; position: absolute;width: 166px; left: 49px; top: 62px;color: #1f4a7f}
.youshi dl:nth-child(5) dd{  font-size: 16px; width: 224px;position: absolute; left: 26px; top: 98px; line-height: 27px;color: #000000;}

.youshi dl:nth-child(2){    background: #1f4a7f; width: 287px;height: 270px; position: absolute;  left: 596px;}
.youshi dl:nth-child(3){background: url(../images/ys2.png)no-repeat center;width: 307px;height: 552px;position: absolute;right: 0;top: 0;}
.youshi dl:nth-child(4){    background: #1f4a7f; width: 291px; height: 270px; position: absolute; top: 280px;}
.youshi dl:nth-child(5){    background: url(../images/ys3.png)no-repeat center;width: 582px;height: 271px;position: absolute;top: 280px;left: 302px;}

.ban01{position: relative;left: 50%;margin-left: -960px;}


.in-case{    padding: 60px 0;background: #eeeeee;}
.in-case .tit01{width: }
.in-case dd{ float: left; width: 25%; margin: 0;  }
.in-case dt{float: left; width: 50%; margin: 0;}
.in-case dt a,.in-case dd a{display:block;margin: 10px;}
.in-case dd a:last-child{ margin-top: 16px; }
.in-case dt .img-cover,.in-case dd .img-cover{padding-top:76%}
.in-case dt a:hover .img-cover span,.in-case dd a:hover .img-cover span{transform:scale(1.2)}
.in-case .btn { text-align: center; margin-top: 40px; }
.in-case .btn a{ display: inline-block; padding: 12px 82px; background: #22477c; border-radius: 8px 0 0 8px; color: #FFF; font-size: 24px;   }
.in-case .btn a:last-child{ background: #333333; border-radius: 0 8px 8px 0  }

.news{padding:50px 0 ;overflow: hidden;}
.news_nav{line-height: 59px;}
.news_nav ul{}
.news_nav ul li{float: left;padding: 0 20px;}
.news_nav ul li a{color: #333333;font-size: 16px;}
.news_nav ul li:hover a{color:  #1f4a7f;font-weight: bold;}
.news_fl{width: 550px;}
.news_fl b{font-size: 20px;    height: 50px;  line-height: 50px;color: #333333;}
.news_fl p{font-size: 15px;}
.news_fl em{color: #cccccc;    padding-top: 7px; display: block;}
.news_fr{width: 600px;}
.news_fr{}
.news_fr ul{}
.news_fr ul li{height: 74px;border-bottom: 1px solid #3a5080;    padding: 21px 0 15px;}
.news_fr ul li .news_t{height: 31px;}
.news_fr ul li .news_t b.fl{ font-size: 16px;color: #000000;}
.news_fr ul li .news_t span.fr{font-size: 15px;}
.news_fr ul li .news_c{}
.news_fr ul li .news_c a{font-size: 16px;}

.liuyan{background: url(../images/liuyan_bg.png) no-repeat center;padding: 50px 0;overflow: hidden;}
.liuyan .tit01{}
.liuyan .tit01 b{   color: #ffffff;}
.liuyan .tit01 em{  color: #ffffff; }
.liuyan .tit_more a{color: #ffffff;}
.liuyan .tit_more{background: url(../images/ly_jt.png) no-repeat center right;  }
.liuyan .tit01:before{  background: #ffffff;} 

.form-group {margin-bottom: 15px;}
.form-label {float: left;line-height: 34px;width: 120px;text-align: right;}
.form-label span {color: #e50112;}

.liuyan{padding:50px 0;overflow: hidden;}
.liuyan .fl{width: 569px;}
.liuyan .ly_con{width: 100%;}
.liuyan .ly_name,.liuyan .ly_phone{  width:179px; margin-bottom: 20px;height: 51px;   margin-right: 10px; float: left;}
.liuyan .ly_name{}
.liuyan .ly_nr{width:543px;height: 217px;}

.form-control {line-height: 35px;font-size: 14px;border: 1px solid #ddd;padding: 6px 12px;width: 975px;display: inline-block;vertical-align: top;font-family: "Microsoft Yahei",PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
select.form-control {height: 34px;}
.ly_submit{}
.ly_submit {color: #fff;background-color: #0c6db2;border: 0;cursor: pointer;font-size: 16px;border-radius: 3px;    width: 138px;   height: 64px;line-height: 64px;float: left;}
.ly_submit:hover{background: #000000;}

.liuyan{}
.liuyan .ly_fr{background: url(../images/ditu.png) no-repeat center right;width: 600px;    height: 314px;position: relative;}
.liuyan .ly_fr .ly_lx{position: absolute;top: 81px;right: 13px;}
.liuyan .ly_fr .ly_lx p{height: 30px;line-height: 30px;font-size: 15px;color: #333333;}

.links{    background: #ffffff;
    height: 95px;
    line-height: 20px;
    position: relative;
    overflow: hidden;}
.links p{float: left;color: #333333;}
.links a{padding: 0 5px;}
.link_c{    width: 71%;
    padding-top: 22px;}
.fanhui{ height: 95px; width: 503px; position: absolute; right: 0;  top: 0;background: #1f4a7f;}
.fanhui a{     display: block;
    background: url(../images/top.png) no-repeat center 54px;
    width: 65px;
    font-size: 16px;
    color: #ffffff;
    padding-top: 15px;
    margin-left: 40px;
    height: 76px;
    line-height: 32px;}
.footer{padding: 50px 0;    background: #f1f1f1;overflow: hidden;}

.ft_logo{width: 360px;}
.ft_logo h1{margin-bottom: 18px;}
.ft_logo p{height: 30px;line-height: 30px;font-size: 16px;}
.ft_nav{margin-left: 31px;}
.ft_nav dl{float: left;text-align: center;    width: 117px;}
.ft_nav dl dt{font-weight: bold;margin-bottom: 10px;}
.ft_nav dl dt a{color: #333333;font-size: 16px; }
.ft_nav dl dd{height: 30px;line-height: 30px;font-size: 15px;overflow: hidden;}
.ft_lx{width: 400px;}
.ft_ewm{width: 300px;}
.ft_ewm p{width: 150px;text-align: center;line-height: 50px;float: left;}
.ft_ewm img{border: 1px solid #ccc;}